
import { Tabs, TabsProps, Typography } from "@/components/base";
import styles from './index.module.less';

const { Text } = Typography;

export interface PageHeaderProps {
    /** 标题 */
    title?: string;

    /** 标签 */
    tabsProps?: TabsProps;
}

export function PageHeader(props: PageHeaderProps) {

    const { title = '标题', tabsProps } = props;

    return (
        <div className={styles['page-header']} >
            <div className={styles['title-cont']} >
                <Text strong>{title}</Text>
            </div>
            {
                tabsProps &&
                <div>
                    <Tabs {...tabsProps} />
                </div>
            }
        </div>
    )
}